<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>详情页</title>
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> -->
	<meta name="viewport" content="width=750,target-densitydpi=device-dpi,maximum-scale=1.0, user-scalable=no">
	<script type="text/javascript">
        function setWidth(e) { if (/Andriod/i.test(navigator.userAgent)) { var f, d = window.innerWidth; (d != e) && (f = d / e), document.addEventListener("DOMContentLoaded", function () { var a = document.getElementsByTagName("body")[0]; a.style.webkitTransformOrigin = "left top"; a.style.webkitTransform = "scale(" + f + ")" }, !1) } } setWidth(750);
	</script>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!--标准mui.css-->
	<link rel="stylesheet" href="css/mui.min.css">
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/team_detail.css" />
	<style>
		.mui-slider-indicator .mui-active.mui-indicator{
			background: #00c6ff;
			height: 20px;
			width: 20px;
		}
	</style>
</head>
<body>
<!--侧滑菜单容器  - 最大容器-->
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
	<!--右侧菜单部分-->


	<aside id="offCanvasSide" class="mui-off-canvas-right my-mui-draggable">
		<div id="offCanvasSideScroll" class="mui-scroll-wrapper ">
			<div class="mui-scroll ">
				<div class="content my-content">
					<p>
						<button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block my-btn">×</button>
					</p>
				</div>
				<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted my-table-view my-mui-table-view-cell">
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="index.html" class="mui-navigate-right my-mui-navigate-right">
							首页
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="contact_us.html" class="mui-navigate-right my-mui-navigate-right">
							关于金鸿基
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="match.html" class="mui-navigate-right my-mui-navigate-right">
							赛事中心
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="video_list.html" class="mui-navigate-right my-mui-navigate-right">
							赛事视频
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="apply_team.html" class="mui-navigate-right my-mui-navigate-right">
							报名中心
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="team_detail.html" class="mui-navigate-right my-mui-navigate-right">
							直播间
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="about_us.html" class="mui-navigate-right my-mui-navigate-right">
							公司资讯
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="my-team.html" class="mui-navigate-right my-mui-navigate-right">
							服务中心
						</a>
					</li>
					<li class="mui-table-view-cell my-mui-table-view-cell">
						<a href="contact_us.html" class="mui-navigate-right my-mui-navigate-right">
							联系我们
						</a>
					</li>
				</ul>
				<div class="footbtn">
					<a href="register.html" class="my-text">
						登录
					</a>
				</div>
			</div>
		</div>
	</aside>

	<!--主页部分-->
	<div class="mui-inner-wrap">
		<!--页面头部-->
		<header class="mui-bar mui-bar-nav my-mui-bar">
			<a class="mui-action-back mui-icon mui-pull-left">
				<img src="images/logo.png" alt="">
			</a>
			<h1 class="mui-title"></h1>
			<a id="offCanvasBtn" href="#offCanvasSide" class="mui-icon mui-icon-bars mui-pull-right my-nav"></a>
		</header>
		<!--页面内容-->
		<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
			<div class="mui-content my-mui-content">
				<div class="mui-content" >
					<div class="mui-content-padded">
						<div class="container" id="offCanvasShow">
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="menu">
								<img class="lazy" data-original="images/photo.jpeg" data-preview-src="">
								<h3>某某某</h3>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- off-canvas backdrop -->
		<div class="mui-off-canvas-backdrop"></div>
	</div>
</div>
</body>


<script src="js/mui.min.js"></script>
<script src="js/common.js"></script>
<script src="js/mui.zoom.js"></script>
<script src="js/mui.previewimage.js"></script>
<script>
    //点击图片预览放大
    mui.previewImage();
</script>

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.lazyload.js"></script>
<script>
    //页面图片延迟加载
    $(function () {
        //这里写JQ\JS(脚本代码)
        //作用：js程序延后执行，什么时候执行？（需要等待页面的内容-排除图片，加载完之后才执行）
        //主要针对图片而做的

        //初始化，配置lazyload插件
        $(".lazy").lazyload({ effect: "fadeIn" });
    });


    var href=document.getElementsByTagName('a');

    for(var i=0;i<href.length;i++){
        href[i].ontouchend=function(){
            window.location.href=this.getAttribute("href");
        }
    };
</script>

</html>